<div id="content_body" class="content_body<fly:variable name="page_class" />">	
	<div id="page_profil">
		<div class="main-title">
			<fly:translate name="title_1" /><fly:modify name="title_1" />
		</div>
	    <div class="header"><fly:translate name="text_1" /><fly:modify name="text_1" /></div><br />
	    <p>
	        <fly:translate name="text_2" /><fly:modify name="text_2" /><br />
	    </p>
	    <form method="post" name="email">
	        <div id="form-ligne-pass">
				<div id="form-titre-pass"><fly:translate name="label_1_1" /><fly:modify name="label_1_1" /></div>
	    	 	<div id="form-field-pass"><input type="text" alt="<fly:translate name='popup_1_1'/>" name="email" id="email" AUTOCOMPLETE=OFF size="30" class="required email info_bull" /><fly:modify name='popup_1_1'/></div>
	    	</div>
	    	<div id="form-ligne-pass">
				<div id="form-titre-pass">&nbsp;</div>
	    		<div id="form-field-pass"><input type="submit" name="submit" value="<fly:translate name='button_1_1' />"  class="submit" /><fly:modify name="button_1_1" /></div>
	    	</div>
	    </form>
	</div>
	<fly:modify name="message_1" />
	<fly:modify name="message_2" />
</div>
<script type="text/javascript">
   	$('document').ready(function() {
   	$("body").append('<div class="info_div"><div class="info_div_top"></div><div class="info_div_middle"><div class="info_div_text"></div></div><div class="info_div_bottom"></div></div>');
   		$('.info_bull').mouseover(function(e){
			setInfoBulles(this);
			setInfoBullesPosition(this);
		}).mouseout(function(){
			$('.info_div').hide();			
		});
       	$('form[name=email]').validate();
   	});
   	function setInfoBulles(obj){
		//var offset = $(obj).offset();//,'left':offset.left
		//$('.info_div').css({'top':offset.top-171});
		
		if($(obj).attr('alt')!="undefined"){
			if(obj.id=="your_email"){
				if(!IsNumeric($('#combo_day').val()) ||!IsNumeric($('#combo_month').val()) || !IsNumeric($('#combo_year').val()) ){
					$('.info_div_text').text("<fly:translate name='popup_1_9'/>");				
				}else{
					$('.info_div_text').text($(obj).attr('alt'));
				}
			}else{
				$('.info_div_text').text($(obj).attr('alt'));
			}			
		}else{
			$('.info_div_text').text($(obj).attr('title'));
		}
		$('.info_div').css("display","block");
	}
	function setInfoBullesPosition(obj){
		var width = $(obj).width();
		var offset = $(obj).offset();//,'left':offset.left
		//w = 655-(parseInt(width)+150)+14;
		w = offset.left+parseInt(width)+15;
		
		$('.info_div').css({'left':w+'px'});
		var type = $(obj).attr("type");
		
		if(type == 'textarea'){$('.info_div').css({'top':offset.top+30});}
		else if(type == 'select-one'){$('.info_div').css({'top':offset.top-10});}
		else $('.info_div').css({'top':offset.top-15});
	}
   </script>